// .react-resizable-handle-se {
//     cursor: ew-resize !important;
//     height: 100% !important;
//     right : -10px !important;
// }

// .react-resizable-handle {
//     background-image: none !important;
//     padding         : 0 !important;
// }

.multifun_table {
    background: #fff;

    .react-resizable {
        position       : relative;
        background-clip: padding-box;
    }

    .react-resizable-handle {
        background-image: none;
        position        : absolute;
        width           : 10px;
        height          : 100%;
        bottom          : 0;
        right           : -5px;
        cursor          : col-resize;
        z-index         : 1;
    }

    .multi_tablehead {
        // margin         : 10px;
        display        : flex;
        justify-content: space-between;
        overflow-x: auto;

        .multi_tableheadright,
        .multi_tableheadleft {
            display: flex;

            .headleft_item {
                margin-right: 8px;
            }

            .headright_item {
                margin-left: 8px;
            }
        }
    }

    .ant-table-thead {
        background-color: #489BFF !important;
    }

    .ant-table-thead>tr>th .ant-table-header-column {
        width: 100%;

        .ant-table-column-sorters {
            display          : flex;
            justify-content  : space-between;
            width            : 100%;
            align-items      : center;
            // vertical-align: middle;
        }
    }

    .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
        margin-top: -0.5em;
    }

    .editable-cell {
        position: relative;
    }

    .ant-table-fixed {
        min-width   : 0px;
        width       : auto;
        max-width   : 100%;
        border-left : 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
    }

    .editable-cell-value-wrap {
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
    }

    // .editable-row:hover .editable-cell-value-wrap {
    //     border       : 1px solid #d9d9d9;
    //     border-radius: 4px;
    //     padding      : 4px 11px;
    // }
    .icon_edit {
        visibility: hidden;
    }

    .editable-cell-value-wrap:hover {
        .icon_edit {
            visibility: visible;
        }
    }

    .ant-table-content {
        .ant-table-scroll {
            overflow-x: auto;

            .ant-table-body {
                overflow: unset !important;
            }
        }
    }

    // .ant-table-content .ant-table-body {
    //     position  : relative;
    //     z-index   : 2;
    //     background: #FFFFFF;
    // }

    .ant-table-footer {
        padding   : 0;
        border    : 0;
        background: unset;
        width     : fit-content;

        .ant-table-small {
            border: 0;
        }

        // .ant-table-body {
        //     overflow: hidden !important;
        //     position: relative !important;
        //     z-index : 1 !important;
        // }
    }

    .ant-table-footer::before {
        background: unset;
    }

    // .ant-table-footer .ant-table-body {
    //     overflow: hidden !important;
    //     position: relative !important;
    //     z-index : 1 !important;
    // }

    // .ant-table-content>.ant-table-footer {
    //     padding : 0 !important;
    //     top     : -47px;
    //     position: relative;
    //     z-index : 0;
    // }


}

.multitable_columnList {
    display        : flex;
    width          : 100%;
    justify-content: space-between;
    padding        : 2px 5px;

    .columnfix_icon {
        display: none;

        i {
            margin: 0 5px;
        }

        i:last-child {
            margin: 0
        }
    }
}

.multitable_columnList:hover {
    background-color: #f5f5f5;

    .columnfix_icon {
        display: block;
    }
}